<?php


?>

<div id="inicio">holass</div>    

<input type="button" class="boton_ventana" id="ver_ventana" value="Ver ventana">
<script>
var ventanaInsert;

(function(){

	var unaVariableGlobal = "holassssssssss";
	
	var html_template;

	$(document).ready(function(){    
	   //alert("asd: " + unaVariableGlobal)
	   
	   $(".boton_ventana").click(function(){
			ventanaInsert.show();
	   });
	  
		crearventanaInsert();			   
   
		//ventanaInsert.show();
	});

function crearventanaInsert(){

	if(ventanaInsert) return;	
	
		$.ajax({
			//url: "templates/tpl_ventana_reserva.html",
			url: "templates/tpl_ventana_test_insert.php",
			cache: false,
			async: false,                    
			dataType : "text/html",
			timeout: 40000,
			success: function(html) {                        
				if(!html) alert("ERROR: NO PUDO SER CARGADO EL AJAX");                        
				html_template = html;                           
			}
		});  
		
		ventanaInsert = Ext.widget('window', {
			title : 'Reservar un Viaje',
			closeAction : 'hide',
			width : 400,
			height : 450,
			minHeight : 400,
			layout : 'fit',
			resizable : false,
			modal : false,
			//        items : form,
			listeners: {
				render: function(ventana) {
					ventana.body.update(html_template, true); //PERMITE SCRIPTS RCK
				}
			}
		});

}
	
})();

</script>